<template>
    <div style="width: 140px;" @click="goGedan">
        <div style="width: 140px;height:140px;position: relative;">
            <img :src="data.img" alt="" style="width: 140px;height:140px">
            <div style="position: absolute;left: 0;right: 0;bottom:0;background-color: rgba(0,0,0,.2);height:27px;display: flex;align-items: center;"><svg style="margin: 0 8px;" t="1740099612872" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2725" width="11" height="11"><path d="M896 554.666667h-85.333333V426.666667a298.666667 298.666667 0 1 0-597.333334 0v128H128A85.426667 85.426667 0 0 0 42.666667 640v170.666667a85.426667 85.426667 0 0 0 85.333333 85.333333h106.666667a21.333333 21.333333 0 0 0 21.333333-21.333333V426.666667c0-141.16 114.84-256 256-256s256 114.84 256 256v448a21.333333 21.333333 0 0 0 21.333333 21.333333h106.666667a85.426667 85.426667 0 0 0 85.333333-85.333333V640a85.426667 85.426667 0 0 0-85.333333-85.333333z" fill="#dbdbdb" p-id="2726"></path></svg>
        <span style="color: white;">{{data.num||0}}</span>
        </div>
        </div>
        <div style="font-size: 14px;margin-top: 8px;">{{data.title}}</div>
        <div style="font-size: 14px;margin-top: 2px;color:gray">{{data.uname}}</div>
        
    </div>
</template>
<script>
export default {
      props:{
        data:{
            type:Object,
            default:{}
        }
    },
    methods: {
        goGedan() {
            this.$router.push("/gedan?id="+this.data.id)
        }
    },
}
</script>